@import './variables.scss';

.divider {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin: $dividerTopMargin 0 30px;

    &::before,
    &::after {
        content: '';
        display: inline-block;
        flex: 1;
        height: 1px;
        background: $dividerBackgroundColor;
    }

    &::before {
        margin-right: $dividerMargin;
    }

    &::after {
        margin-left: $dividerMargin;
    }

    &:empty {
        &::before,
        &::after {
            margin: 0;
        }
    }
}
